<%@ page language="java" isELIgnored="false"
	contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!doctype html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>人才测评网站</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<%=path%>/styles/bootstrap.css" rel="stylesheet">
<link href="<%=path%>/other/css/styleindex.css" rel="stylesheet" />
<link href="<%=path%>/other/css/layout.css" rel="stylesheet" />
<script src="<%=path%>/script/jquery-1.11.2.min.js"></script>
<script src="<%=path%>/other/js/bootstrap.min.js"></script>

<script type="text/javascript">
	//浏览器判断是否低过IE9
	var navigatorType = navigator.appName;
	if (navigatorType == "Microsoft Internet Explorer") {
		var navigatorVersion = navigator.appVersion.split(";")[1].replace(
				/[ ]/g, "");
		if (navigatorVersion == "MSIE6.0" || navigatorVersion == "MSIE7.0"
				|| navigatorVersion == "MSIE8.0") {
			location.href = "/obsolete/obsolete";
		}
	}
</script>
</head>

<body data-spy="scroll" data-target=".navbar-scroll">
	<div id="layout">
		<div class="header ">
			<div class="container">
				<div class="logo">
					<a href='/' title="人才测评系统">人才测评系统 
				</div>
				<div class="more-option">
					<a href='<%=path %>/UserController/userLogout.action' class="user_Close ajax-post"><img
						src="<%=path%>/images/login/close.jpg">退出</a>
				</div>
			</div>
		</div>


		<div class="container">

			<!-- 侧边导航栏 -->
			<div id="slide-menu">
				<div class="userInfo">
					<div class="head_icon">
					<img alt="头像"
										<c:if test="${User.userImage eq ''}">
										src="<%=path%>/images/login/empty_head.jpg"
										</c:if>
										<c:if test="${User.userImage!=null }">
										src="<%=path%>/${sessionScope.User.userImage }"
										</c:if> 
										 class="img-circle"
										width="100%" height="100%"
					  />
					</div>
					<p>
						${sessionScope.User.userName }<br>${sessionScope.User.userPhone }
					</p>
				</div>
				<div class="list_box">
					<ul class="list-unstyled">
						<li><a href="index.jsp"><i
								class="glyphicon glyphicon-home"></i>人才测评</a></li>
						<li><a href='testDetail.jsp'><i
								class="glyphicon glyphicon-list-alt"></i>测评须知</a></li>
						<li><a href='reportList.jsp?userId=${sessionScope.User.userId }'><i
								class="glyphicon glyphicon-list-alt"></i>报告查询</a></li>
				       <li><a href='../MenuController/postListfront.action'><i
								class="glyphicon glyphicon-cog"></i>交流中心</a></li>
					    <li><a href='../UserController/personInformation.action'><i
								class="glyphicon glyphicon-cog"></i>个人信息管理</a></li>
					</ul>
				</div>

			</div>

			<!-- 主体内容区 -->
			<div id="layoutmain">
			   <div class="container-fluid">
		<div class="row">
			<div class="panel-body ">
			<a
					class="btn btn-info" href="reportList.jsp?userId=${sessionScope.User.userId }" style="float: right;"><span><i
						class="fa fa-reply"></i></span>返回</a>
				<h2 style="text-align: center">
					<span id="paperName"></span>报告
				</h2>
				<div class="select-gril form-inline">
					<div class="col-sm-50 box-left header-search-box"></div>
				</div>
			</div>
			<div class="btn-group btn-group-justified btn-extend9"></div>
			<div class="container-main col-sm-12">
				<div id="userInformation"></div>
				<center>
					<table width="90%" border="0" align="center" cellpadding="0"
						cellspacing="0">
						<tr>
							<td align="center" style="padding-top: 10px"><table
									width="100%" height="36" border="0" cellspacing="0"
									cellpadding="0"
									style="text-align: left; color: #C40000; font-family: '黑体';">
									<tr>
										<td style="font-size: 16px; font-weight: bold">报告导读</td>
									</tr>
								</table></td>
						</tr>
					</table>

					<table border="0" cellspacing="0" cellpadding="0" width="90%"
						align="center">
						<tbody>
							<tr>
								<td valign="top" align="left"
									style="text-justify: newspaper; text-align: justify">
									<p>本测验考察了被测者的基本素质与潜能，包括数字推理能力、图形推理能力、逻辑分析能力、语言理解能力和社会常识五个测评维度。它能够有效识别被测者的基本素质和潜能的高低，可用于了解被测者的情况，并为招聘、培训和晋升提供参考。</p>
									<p style="font-family: 宋体-PUA">"★★★★★"代表被测者成绩为卓越，"★★★★☆"代表被测者成绩为优秀，"★★★☆☆"代表被测者成绩为良好，"★★☆☆☆"代表被测者成绩为一般，"★☆☆☆☆"代表被测者成绩为差。</p>
								</td>
							</tr>
						</tbody>
					</table>
					<table border="0" cellspacing="0" cellpadding="0" width="90%"
						align="center">
						<tbody>
							<tr>
								<td valign="top" align="left"
									style="font-family: '黑体'; font-size: 14px; font-weight: bold; padding-top: 10px">以下内容能够帮助您更好的理解和运用本报告</td>
							</tr>
							<tr>
								<td valign="top" align="left">
									<p>◎本报告所呈现的分数受很多因素的影响，比如被测者的精神状态，施测环境等；</p>
									<p>◎成绩高低与否的界定是根据大样本施测的结果划分的，对小范围内的被测者集体施测，可能出现分数普遍偏高或偏低的现象；</p>
									<p>◎与其它人才测评方法结合使用，将会得到更好的效果。</p>
								</td>
							</tr>
						</tbody>
					</table>
					<table width="90%" border="0" align="center" cellpadding="0"
						cellspacing="0">
						<tr>
							<td style="padding-top: 10px"><table width="100%"
									height="36" border="0" cellspacing="0" cellpadding="0"
									style="text-align: left; color: #C40000; font-family: '黑体';">
									<tr>
										<td style="font-size: 16px; font-weight: bold">测评结果</td>
									</tr>
								</table></td>
						</tr>
					</table>
					<table width="90%" border="0" align="center" cellpadding="0"
						cellspacing="0">
						<tr>
							<td align="left" valign="top">
								<div id="userContent"></div>
							</td>
						</tr>
					</table>
				</center>
				<table width="90%" border="0" align="center" cellpadding="0"
					cellspacing="0">
					<tr>
						<td align="left" valign="top">
							<p>各维度得分如下图所示：</p>
						</td>
					</tr>
				</table>
				</center>
				<div id="echart" style="height: 350px;"></div>
				<div id="echart2" style="height: 350px;text-align:right;"></div>
				
				<table width="90%" border="0" align="center" cellpadding="0"
					cellspacing="0">
					<tr>
						<td style="padding-top: 10px">
							<table width="100%" height="36" border="0" cellspacing="0"
								cellpadding="0"
								style="text-align: left; color: #C40000; font-family: '黑体';">
							</table>
						</td>
					</tr>
				</table>
               
             
								
			   <div width="90%" align="left" style="margin-left:60px;"><span style="text-align: left; color: #C40000; font-family: '黑体';"><span style="font-size: 16px; font-weight: bold"> 综合评语</span>
			  
			   <br><span id="content" style="color:black"></span></div>	
				<div style="height:200px;"></div>

			</div>
			<div class="clearfix"></div>
			<!-- 广告 -->
		</div>
		<div id="layout-block"></div>
	</div>
	<div id="footer">
		<div class="modal fade" id="BModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true"></div>
		<div class="modal fade" id="MModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true"></div>
		<div class="fakeloader"></div>

		<script>
			//首页列表自适应
			var layout_side = $("#slide-menu").outerHeight();
			var layout_main = $("#layoutmain").outerHeight();
			var domH = $(window).outerHeight();

			if (layout_side < layout_main) {
				$("#slide-menu").css("min-height", layout_main)
			} else {
				$("#layoutmain").css("min-height", layout_side)
			}
		</script>
		<script src="<%=path%>/script/echarts.common.min.js"></script>
		<script src="<%=path%>/script/macarons.js"></script>
		<script type="text/javascript"
			src="<%=path%>/script/front/reportDetail.js"></script>
	</div>
</body>

</html>